.el-button {
  &.el-button--primary.is-plain {
    --el-button-bg-color: #ffffff !important;
    &.refresh-btn {
      --el-button-bg-color: #f2f5ff !important;
    }
    &:focus {
      color: var(--el-button-text-color);
      border-color: var(--el-button-border-color);
      background-color: var(--el-button-bg-color);
    }
    &:hover {
      color: var(--el-button-hover-text-color);
      border-color: var(--el-button-hover-border-color);
      background-color: var(--el-button-hover-bg-color);
    }
  }

  &.is-link {
    &:focus {
      color: var(--el-button-text-color);
    }

    &:hover {
      color: var(--el-button-hover-link-text-color);
    }
  }
}

.refresh-btn {
  border: 1px solid rgba(157, 184, 255, 1);
  border-radius: 4px;
  @apply w-8 h-8 px-2 ml-3 bg-[#F2F5FF] flex items-center cursor-pointer;
}

.send-btn {
  color: #164cff !important;
  border-color: #164cff !important;
  &.is-disabled {
    color: #c5cbd8 !important;
    background-color: #edeef0 !important;
    border: none;
  }
}

/**修复messageBox btn 问题 */
.el-button.el-button--primary {
  &:focus-visible {
    outline: none;
    outline-offset: 0;
  }

  &:focus {
    border-color: var(--el-button-border-color);
    background-color: var(--el-button-bg-color);
  }

  &:hover {
    border-color: var(--el-button-hover-border-color);
    background-color: var(--el-button-hover-bg-color);
  }
}

.el-button.el-button--primary.is-disabled.is-plain {
  background-color: #fff;
  &:hover {
    color: var(--el-color-primary-light-5);
    background-color: #fff;
    border-color: var(--el-color-primary-light-8);
  }
}
